<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="css/style.css">
		<title>Tuvute Pamoja</title>
	</head>
	<body>
		<ul>
                        <li><a id="home" href="index1.php">Home</a></li>
                        <li><a id="original" href="submit1.php">Original Story Submission</a></li>
			<li><a id="translation" href="submittranslation1.php">Translated Story Submission</a></li>
			<li><a id="stories" href="displaystories1.php">Submitted Stories</a></li>
                        <li><a id="statistics" href="submissionstatistics1.php">Submissions per Language</a></li>
                        <li><a id="coordinate" href="coordinator1.php">Coordinator Application</a></li>
                        <li><a id="contact" href="contact1.php">Contact</a></li>
                        <li><a id="resources" href="resources1.php">Resources</a></li>
                        <li><a id="flyers" class="active" href="#">Flyers</a></li>
			<li><a id="faq" href="faq1.php">Frequently Asked Questions</a></li>
                        <li><a id="privacy" href="privacy1.php">Privacy</a></li>
		</ul>
		<header>
			<h1>Tuvute Pamoja
			<a href="https://deeplearningindaba.com">
                         <img src="images/deeplearningindaba.svg" alt="Deeplearning Indaba" style="height:60px">
			</a> </h1>
		</header>
		<section id="description">
<h2>Indaba X: African Language Short Story Competition</h2>

<h3>Flyers</h3>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_afrikaans.webp" type="image/webp">
      <source srcset="images/square_flyer_afrikaans.jpg" type="image/jpeg"> 
      <img src="images/square_flyer_afrikaans.jpg" alt="Afrikaans flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Afrikaans</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_arabic.webp" type="image/webp">
      <source srcset="images/square_flyer_arabic.jpg" type="image/jpeg">
      <img src="images/square_flyer_arabic.jpg" alt="Arabic flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Arabic</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_chichewa.webp" type="image/webp">
      <source srcset="images/square_flyer_chichewa.jpg" type="image/jpeg">
      <img src="images/square_flyer_chichewa.jpg" alt="Chichewa flyer" style="object-fit: contain;object-position: center center;">
     <picture>
    </a>
    <div class="desc">Chichewa</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_dagbani.webp" type="image/webp">
      <source srcset="images/square_flyer_dagbani.jpg" type="image/jpeg"> 
      <img src="images/square_flyer_dagbani.jpg" alt="Dagbani flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Dagbani</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_feefee.webp" type="image/webp">
      <source srcset="images/square_flyer_feefee.jpg" type="image/jpeg">
      <img src="images/square_flyer_feefee.jpg" alt="Fe'efe'e flyer" style="object-fit: contain;object-position: center center;">
    </picture>
    </a>
    <div class="desc">Fe'efe'e</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_hausa.webp" type="image/webp">
      <source srcset="images/square_flyer_hausa.jpg" type="image/jpeg">
      <img src="images/square_flyer_hausa.jpg" alt="Igbo flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Hausa</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_kikuyu.webp" type="image/webp">
      <source srcset="images/square_flyer_kikuyu.jpg" type="image/jpeg"> 
      <img src="images/square_flyer_kikuyu.jpg" alt="Gĩkũyũ flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Gĩkũyũ</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_igbo.webp" type="image/webp">
      <source srcset="images/square_flyer_igbo.jpg" type="image/jpeg">   
      <img src="images/square_flyer_igbo.jpg" alt="Igbo flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Igbo</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_kamba.webp" type="image/webp">
      <source srcset="images/square_flyer_kamba.jpg" type="image/jpeg">
      <img src="images/square_flyer_kamba.jpg" alt="Igbo flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Kamba</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_kigiriyama.webp" type="image/webp">
      <source srcset="images/square_flyer_kigiriyama.jpg" type="image/jpeg">
      <img src="images/square_flyer_kigiriyama.jpg" alt="Igbo flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Kigiriyama</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_kipsigis.webp" type="image/webp">
      <source srcset="images/square_flyer_kipsigis.jpg" type="image/jpeg">   
      <img src="images/square_flyer_kipsigis.jpg" alt="Kipsigis flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Kipsigis</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_kiswahili.webp" type="image/webp">
      <source srcset="images/square_flyer_kiswahili.jpg" type="image/jpeg">
      <img src="images/square_flyer_kiswahili.jpg" alt="Kiswahili flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Kiswahili</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_luhya.webp" type="image/webp">
      <source srcset="images/square_flyer_luhya.jpg" type="image/jpeg">   
      <img src="images/square_flyer_luhya.jpg" alt="Luhya flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Luhya</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_luo.webp" type="image/webp">
      <source srcset="images/square_flyer_luo.jpg" type="image/jpeg">
      <img src="images/square_flyer_luo.jpg" alt="Dagbani flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Luo</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_ndebele.webp" type="image/webp">
      <source srcset="images/square_flyer_ndebele.jpg" type="image/jpeg">
      <img src="images/square_flyer_nedebele.jpg" alt="Afrikaans flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Ndebele</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_sena.webp" type="image/webp">
      <source srcset="images/square_flyer_sena.jpg" type="image/jpeg">   
      <img src="images/square_flyer_sena.jpg" alt="Sena flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Sena</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_twi.webp" type="image/webp">
      <source srcset="images/square_flyer_twi.jpg" type="image/jpeg">   
      <img src="images/square_flyer_twi.jpg" alt="Twi flyer" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Twi (Akan)</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_xhosa.webp" type="image/webp">
      <source srcset="images/square_flyer_xhosa.jpg" type="image/jpeg">
      <img src="images/square_flyer_xhosa.jpg" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Xhosa</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_xitsonga.webp" type="image/webp">
      <source srcset="images/square_flyer_xitsonga.jpg" type="image/jpeg">
      <img src="images/square_flyer_xitsonga.jpg" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Xitsonga</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_yoruba.webp" type="image/webp">
      <source srcset="images/square_flyer_yoruba.jpg" type="image/jpeg">
      <img src="images/square_flyer_yoruba.jpg" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Yorùbá</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_zarma.webp" type="image/webp">
      <source srcset="images/square_flyer_zarma.jpg" type="image/jpeg">   
      <img src="images/square_flyer_zarma.jpg" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Zarma</div>
  </div>
</div>

<div class="responsive">
  <div class="gallery">
    <a target="_blank">
     <picture>
      <source srcset="images/square_flyer_zulu.webp" type="image/webp">
      <source srcset="images/square_flyer_zulu.jpg" type="image/jpeg">
      <img src="images/square_flyer_zulu.jpg" style="object-fit: contain;object-position: center center;">
     </picture>
    </a>
    <div class="desc">Zulu</div>
  </div>
</div>

<div class="clearfix"></div>
		</section>
<section>
<p>Flyers are in the public domain. To add a flyer for your language, please see <a href="https://notabug.org/tuvutepamoja/Flyer">here</a>.
	</body>
<?php include 'footer.php';?>
</html>
